<template>
  <div class="content-wrap">
    <div class="content">
      <img src="../../assets/svg/404.svg" alt="" class="notfound" />
      <a-button type="primary" @click="back">返回上一页</a-button>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from "vue-router";

//按钮返回上级
const rputer = useRouter();
const back = () => {
  rputer.go(-1);
};
</script>

<style scoped lang="less">
.content-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  .content {
    display: inline-flex;
    flex-direction: column;
    .notfound {
      width: 500px;
      margin-bottom: 60px;
    }
  }
}
</style>
